import { HTMLAttributes } from 'react'

type SvgWithColor = {
  className?: string
} & HTMLAttributes<SVGElement>

export const User = ({ className }: SvgWithColor) => {
  return (
    <svg
      className={className}
      fill={'none'}
      height={'16'}
      viewBox={'0 0 16 16'}
      width={'16'}
      xmlns={'http://www.w3.org/2000/svg'}
    >
      <path
        className={className}
        d={
          'M7.99998 7.33431C8.5274 7.33431 9.04297 7.17791 9.4815 6.8849C9.92003 6.59188 10.2618 6.1754 10.4637 5.68813C10.6655 5.20086 10.7183 4.66469 10.6154 4.1474C10.5125 3.63012 10.2585 3.15497 9.8856 2.78203C9.51266 2.40909 9.0375 2.15511 8.52022 2.05222C8.00294 1.94932 7.46676 2.00213 6.97949 2.20397C6.49222 2.4058 6.07574 2.74759 5.78273 3.18612C5.48971 3.62465 5.33331 4.14023 5.33331 4.66764C5.33331 5.37489 5.61426 6.05317 6.11436 6.55326C6.61446 7.05336 7.29274 7.33431 7.99998 7.33431ZM7.99998 3.33431C8.26369 3.33431 8.52147 3.41251 8.74074 3.55902C8.96001 3.70553 9.1309 3.91376 9.23182 4.1574C9.33274 4.40103 9.35914 4.66912 9.30769 4.92776C9.25625 5.18641 9.12926 5.42398 8.94279 5.61045C8.75632 5.79692 8.51874 5.92391 8.2601 5.97536C8.00146 6.0268 7.73337 6.0004 7.48974 5.89948C7.2461 5.79857 7.03786 5.62767 6.89135 5.4084C6.74485 5.18914 6.66665 4.93135 6.66665 4.66764C6.66665 4.31402 6.80712 3.97488 7.05717 3.72484C7.30722 3.47479 7.64636 3.33431 7.99998 3.33431Z'
        }
        fill={'white'}
      />
      <path
        className={className}
        d={
          'M7.99998 8.66748C6.7623 8.66748 5.57532 9.15915 4.70015 10.0343C3.82498 10.9095 3.33331 12.0965 3.33331 13.3341C3.33331 13.511 3.40355 13.6805 3.52858 13.8056C3.6536 13.9306 3.82317 14.0008 3.99998 14.0008C4.17679 14.0008 4.34636 13.9306 4.47138 13.8056C4.59641 13.6805 4.66665 13.511 4.66665 13.3341C4.66665 12.4501 5.01784 11.6022 5.64296 10.9771C6.26808 10.352 7.11592 10.0008 7.99998 10.0008C8.88403 10.0008 9.73188 10.352 10.357 10.9771C10.9821 11.6022 11.3333 12.4501 11.3333 13.3341C11.3333 13.511 11.4036 13.6805 11.5286 13.8056C11.6536 13.9306 11.8232 14.0008 12 14.0008C12.1768 14.0008 12.3464 13.9306 12.4714 13.8056C12.5964 13.6805 12.6666 13.511 12.6666 13.3341C12.6666 12.0965 12.175 10.9095 11.2998 10.0343C10.4246 9.15915 9.23766 8.66748 7.99998 8.66748Z'
        }
        fill={'white'}
      />
    </svg>
  )
}
